<template>
	<view class="no-more" :style="{ 'padding-top': top + 'upx' }">
		<view class="iconfont">&#xe667;</view>
		<text style="line-height: normal;">{{ description || i18n.noData }}</text>
	</view>
</template>
<script>
	import Vue from 'vue'
	export default {
		props: {
			top: {
				type: Number,
				default: 200
			},
			description: {	
				type: String,
			}
		},
		computed: {
		    i18n() {
		    	return this.$t('components');
		    }
		}
	}
</script>
<style scoped lang="scss">
	.no-more {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 50upx;
	padding-bottom: 100upx;
	.iconfont {
		font-size: 100upx;
		color:var(--txt-gray-color);
	}
	text {
		color:var(--txt-gray-color);
		font-size:28upx;
		font-weight:400;
	}
}
</style>
